<template>
    <div class="seller-menu">
        <div class="seller-menu-level-one-item">
            <div class="seller-menu-level-one-item-icon">
                <i class="fas fa-home"></i>
            </div>
            <span>个人中心</span>
        </div>
        <div class="seller-menu-level-one-item">
            <div class="seller-menu-level-one-item-icon">
                <i class="fas fa-university"></i>
            </div>
            <span>我的商店</span>
        </div>
        <div class="seller-menu-level-two-item" @click="gotoSellerShop">商店信息</div>
        <div class="seller-menu-level-one-item">
            <div class="seller-menu-level-one-item-icon">
                <i class="fas fa-yen-sign"></i>
            </div>
            <span>我的钱包</span>
        </div>
        <div class="seller-menu-level-two-item" @click="gotoSellerWallet">账户余额</div>
        <div class="seller-menu-level-one-item">
            <div class="seller-menu-level-one-item-icon">
                <i class="fas fa-file-alt"></i>
            </div>
            <span>我的订单</span>
        </div>
        <div class="seller-menu-level-two-item" @click="gotoSellerOrder">近三个月订单</div>
        <div class="seller-menu-level-one-item">
            <div class="seller-menu-level-one-item-icon">
                <i class="fas fa-user"></i>
            </div>
            <span>我的资料</span>
        </div>
        <div class="seller-menu-level-two-item" @click="gotoSellerInformation">个人资料</div>
        <span class="seller-menu-level-two-item">地址管理</span>
        <span class="seller-menu-level-two-item">修改密码</span>
    </div>
</template>
  
<script>
import { ROUTENAME } from 'services/constConfig.js'

export default {
  data() {
    return {}
  },
  methods: {
    gotoSellerWallet() {
      this.$router.push({ path: ROUTENAME.SELLER_WALLET })
    },
    gotoSellerShop() {
      this.$router.push({ path: ROUTENAME.SELLER_SHOP })
    },
    gotoSellerOrder() {
      this.$router.push({ path: ROUTENAME.SELLER_ORDER })
    },
    gotoSellerInformation() {
      this.$router.push({ path: ROUTENAME.SELLER_INFORMATION })
    }
  }
}
</script>
  
<style scoped>
.seller-menu {
  margin-top: 20px;
  width: 130px;
  height: 100%;
  float: left;
  text-align: left;
  /* border: 1px solid #DCDFE6; */
  /* background-color: red; */
}
.seller-menu-level-one-item {
  font-size: 18px;
  font-weight: 700;
  height: 30px;
  line-height: 30px;
  /* background-color: red; */
  /* margin-bottom: 10px; */
  margin-top: 30px;
}
.seller-menu-level-one-item-icon {
  float: left;
  font-size: 18px;
  width: 30px;
  text-align: left;
}
.seller-menu-level-two-item {
  margin-left: 30px;
  font-size: 14px;
  font-weight: normal;
  color: #909399;
  height: 30px;
  line-height: 30px;
  /* background-color: red; */
  margin-top: 10px;
}
.seller-menu-level-two-item:hover {
  cursor: pointer;
}
</style>

